<template>
	<view v-if="!removeMigu">
		<div class="contact-service" :class="[{'lowHeight':lowHeight}]"  @click="contactService"></div>
	</view>
</template>

<script>
export default{
	data() {
		return {
			// pageHeight: window.innerHeight - 94,
			pageHeight: uni.getSystemInfoSync().windowHeight - 94,
		}
	},
	props:{
		lowHeight: {//无底部按钮,高度调低
			type: [Boolean,String],
			default: false
		}
	},
	methods:{
		contactService(){
			this.$emit("contact")
		},
	}
}
</script>

<style>
.contact-service{
		width: 88rpx;
		height: 88rpx;
		background-image: url('http://ss.migudm.cn/mgmall/public/ic_buoy_customer_service@2x.png');
		background-size: contain;
		background-repeat: no-repeat;
		position: fixed;
		bottom: 380rpx;
		right: 30rpx;
		z-index: 10;
		margin-bottom: env(safe-area-inset-bottom);
	}
	.contact-service.lowHeight{
		bottom: 172rpx;
		margin-bottom: env(safe-area-inset-bottom);
	}
	.position-unset{
		position: unset;
	}
</style>
